<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/new_file.css" />
		<style>
			table{border-collapse: collapse;width: 162px;height: 32px;text-align: center;}
			table,th,td{border: solid 1px #DADADA;}
		</style>
		<script type="text/javascript" src="js/jquery-3.0.0.js" ></script>
	</head>
	<body>
		<div class="daohang">
			<div class="daohangbox">
				<img src="img/1.png" />
				<a style="font-size: 12px;color: #666666;">点动p2p主页</a>
				<div style="width: 390px;height: 30px;float: right;">
					<a style="font-size: 12px;color: #666666;">我是土豪您好，欢迎回来-账户中心</a>
					<img src="img/2.png"/>
					<a style="font-size: 12px;color: #666666;">安全退出</a>
					<img src="img/3.png" />
					<a style="color: #666666;">4000-000-888</a>
				</div>
			</div>
		</div>
		<div class="logo">
			<div class="logobox">
				<img src="img/4.png" style="margin-top: 9px;"/>
				<img src="img/6.png" style="margin-bottom: 11px;"/>
				<img src="img/5.png"  style="margin-bottom: 11px;"/>
			</div>
		</div>
		<div class="yindao">
			<div class="yindaobox">
				<div style="width: 824px;height: 37px;margin-left: 40px;">
					<div class="tou"><a>首页</a></div>
					<img src="img/7.png" style="float: left;"/>
					<div class="tou"><a>我要借款</a></div>
					<img src="img/7.png" style="float: left;"/>
					<div class="tou"><a>我要借出</a></div>
					<img src="img/7.png" style="float: left;"/>
					<div class="tou"><a>计算工具</a></div>
					<img src="img/7.png" style="float: left;"/>
					<div class="tou"><a>实时财务</a></div>
					<img src="img/7.png" style="float: left;"/>
					<div class="tou"><a>理财社区</a></div>
				</div>
			</div>
			<div class="tou1 display" style="position: absolute;left: 20px;background: white;font-size: 12px;color: #676767;">
				<table style="width: 100px;">
					<tr>
						<td style="width: 119px;height: 20px;float: left;">借款查询</td>
						<td style="width: 119px;height: 20px;float: left;">还款查询</td>
						<td style="width: 119px;height: 20px;float: left;">利息查询</td>
						<td style="width: 119px;height: 20px;float: left;">地区查询</td>
						<td style="width: 119px;height: 20px;float: left;">收费查询</td>
					</tr>
				</table>
			</div>
			<div class="tou1 display" style="position: absolute;left: 140px;background: white;font-size: 12px;color: #676767;">
				<table style="width: 11px;">
					<tr>
						<td style="width: 119px;height: 20px;float: left;">借款查询</td>
						<td style="width: 119px;height: 20px;float: left;">还款查询</td>
						<td style="width: 119px;height: 20px;float: left;">利息查询</td>
						<td style="width: 119px;height: 20px;float: left;">地区查询</td>
						<td style="width: 119px;height: 20px;float: left;">收费查询</td>
					</tr>
				</table>
			</div>
			<div class="tou1 display" style="position: absolute;left: 260px;background: white;font-size: 12px;color: #676767;">
				<table style="width: 119px;">
					<tr>
						<td style="width: 119px;height: 20px;float: left;">借款查询</td>
						<td style="width: 119px;height: 20px;float: left;">还款查询</td>
						<td style="width: 119px;height: 20px;float: left;">利息查询</td>
						<td style="width: 119px;height: 20px;float: left;">地区查询</td>
						<td style="width: 119px;height: 20px;float: left;">收费查询</td>
					</tr>
				</table>
			</div>
			<div class="tou1 display" style="position: absolute;left: 380px;background: white;font-size: 12px;color: #676767;"> 
				<table style="width: 119px;">
					<tr>
						<td style="width: 119px;height: 20px;float: left;">借款查询</td>
						<td style="width: 119px;height: 20px;float: left;">还款查询</td>
						<td style="width: 119px;height: 20px;float: left;">利息查询</td>
						<td style="width: 119px;height: 20px;float: left;">地区查询</td>
						<td style="width: 119px;height: 20px;float: left;">收费查询</td>
					</tr>
				</table>
			</div>
			<div class="tou1 display" style="position: absolute;left: 500px;background: white;font-size: 12px;color: #676767;"> 
				<table style="width: 119px;">
					<tr>
						<td style="width: 119px;height: 20px;float: left;">借款查询</td>
						<td style="width: 119px;height: 20px;float: left;">还款查询</td>
						<td style="width: 119px;height: 20px;float: left;">利息查询</td>
						<td style="width: 119px;height: 20px;float: left;">地区查询</td>
						<td style="width: 119px;height: 20px;float: left;">收费查询</td>
					</tr>
				</table>
			</div>
			<div class="tou1 display" style="position: absolute;left: 620px;background: white;font-size: 12px;color: #676767;"> 
				<table style="width: 117px;">
					<tr>
						<td style="width: 119px;height: 20px;float: left;">借款查询</td>
						<td style="width: 119px;height: 20px;float: left;">还款查询</td>
						<td style="width: 119px;height: 20px;float: left;">利息查询</td>
						<td style="width: 119px;height: 20px;float: left;">地区查询</td>
						<td style="width: 119px;height: 20px;float: left;">收费查询</td>
					</tr>
				</table>
			</div>
		</div>
		<script>
			$(function(){
				$(".tou").mouseenter(function(){
					var q=$(".tou").index(this);
					$(".tou1").hide();
					$(".tou1").eq(q).slideDown();
				});
				$(".tou1").mouseleave(function(){
					var q=$(".tou1").index(this);
					$(".tou1").eq(q).slideUp();
				});
			
			})
		</script>
		<div class="zhong">
			<div class="zhongbox">
				<div class="zhongbox1">
					<table>
						<tr>
							<td style="width: 150px;height: 32px;"><img src="img/8.png"/>会员中心</td>
						</tr>
						<tr>
							<td style="width: 162px;height: 34px;">
								<div style="width: 150px;height: 20px;background: #C50706;line-height: 20px;border-radius: 5px;color: white;border: solid 1px #b00900;font-size: 14px;margin: auto;">
									投资管理
									<img src="img/9.png" style="padding-bottom: 3px;"/>
								</div>
							</td>
						</tr>
						<tr>
							<td style="width: 162px;height: 34px;">
								<div style="width: 150px;height: 20px;background: #C50706;margin: auto;line-height: 20px;border-radius: 5px;color: white;border: solid 1px #b00900;font-size: 14px;">
									借款管理
									<img src="img/9.png" style="padding-bottom: 3px;"/>
								</div>
							</td>
						</tr>
						<tr>
							<td style="width: 162px;height: 34px;">
								<div style="width: 150px;height: 20px;background: #C50706;margin: auto;line-height: 20px;border-radius: 5px;color: white;border: solid 1px #b00900;font-size: 14px;">
									资金管理
									<img src="img/9.png" style="padding-bottom: 3px;"/>
								</div>
							</td>
						</tr>
						<tr>
							<td style="width: 162px;height: 34px;">
								<div style="width: 150px;height: 20px;background: #C50706;margin: auto;line-height: 20px;border-radius: 5px;color: white;border: solid 1px #b00900;font-size: 14px;">
									客户服务
									<img src="img/9.png" style="padding-bottom: 3px;"/>
								</div>
							</td>
						</tr>
						<tr>
							<td style="width: 162px;height: 34px;">
								<div style="width: 150px;height: 20px;background: #C50706;margin: auto;line-height: 20px;border-radius: 5px;color: white;border: solid 1px #b00900;font-size: 14px;">
									基本信息
									<img src="img/10.png" style="padding-bottom: 3px;"/>
								</div>
							</td>
						</tr>
						<tr>
							<td style="width: 162px;height: 24px;">
								<div>
									<img src="img/11.png" style="margin-top: 7px;margin-left: 5px;float: left;"/>
									<a style="float: left;margin-left: 6px;">我的基本资料</a>
								</div>
							</td>
						</tr>
						<tr>
							<td style="width: 162px;height: 24px;">
								<div>
									<img src="img/11.png" style="margin-top: 7px;margin-left: 5px;float: left;"/>
									<a style="float: left;margin-left: 6px;">资料上传</a>
								</div>
							</td>
						</tr>
						<tr>
							<td style="width: 162px;height: 24px;">
								<div>
									<img src="img/11.png" style="margin-top: 7px;margin-left: 5px;float: left;"/>
									<a style="float: left;margin-left: 6px;">银行账号</a>
								</div>
							</td>
						</tr>
						<tr>
							<td style="width: 162px;height: 24px;">
								<div>
									<img src="img/11.png" style="margin-top: 7px;margin-left: 5px;float: left;"/>
									<a style="float: left;margin-left: 6px;">安全中心</a>
								</div>
							</td>
						</tr>
						<tr>
							<td style="width: 162px;height: 24px;">
								<div>
									<img src="img/11.png" style="margin-top: 7px;margin-left: 5px;float: left;"/>
									<a style="float: left;margin-left: 6px;">认证中心</a>
								</div>
							</td>
						</tr>
					</table>
				</div>
				<div class="zhongbox2">
					<div class="aaaa">
						<div class="shenfen"><b>身份验证</b></div>
						<div class="shenfen"><b>更换手机号码</b></div>
						<div class="shenfen"><b>登录密码</b></div>
						<div class="shenfen"><b>支付密码</b></div>
					</div>
					<div class="bbbb">
						<div class="ab">
							<div class="ac">
								<img src="img/44.png" style="margin-top: 3px;"/>
								<a style="font-size: 12px;">通过身份验证，能够有效的提高资金的安全性</a>
							</div>
						</div>
						<div class="ad">
							<div class="ae">
								尊敬的会员，通过身份验证，可以为您在的投资和借款提供有效的安全保障。
							</div>
						</div>
						<div class="af">
							<div class="ag">
								<div class="ba">
									<img src="img/45png.png"/>
								</div>
								<div class="bb">
									<div class="bc">
										<p>温馨提示：您已经完成了身份验证，您的身份信息如下。</p>
										<p>真实姓名：楚秀文</p>
										<p>身份证号：372***********5149</p>
									</div>
								</div>
							</div>
						</div>
						<div class="bd">
							<div class="be">
								*如果你在公安机关修改了名字，请联系我们的客服，凭有关公安机关改名的核实材料修改您的身份信息。谢谢！
							</div>
						</div>
					</div>
					<div class="bbbb display">
						<div class="ab">
							<div class="ff">
								<img src="img/未标题-1.png"/>
							</div>
						</div>
						<div class="xinad">
							<div class="xinaf">
								<div class="xinag">
									<div class="xinah">
										<a>已验证手机：</a>
										<b style="color: #676767;">151****8251</b>
										<a style="color: #4081c9;">手机无法接收短信？点此解决</a>
									</div>
								</div>
								<div class="xinba">
									<div class="xinbb">
										<div class="xinbc">
											<a style="float: left;">请填写验证校验码：</a>
											<input  style="height: 14px;float: left;"/>
											<button style="height: 20px;">获取短信校验码</button>
										</div>
									</div>
									<div class="xinbb">
										<div class="xinbd">
											<a style="float: left;">验证码：</a>
											<input  style="height: 14px;float: left;width: 60px;"/>
											<div style="width: 54px;height: 18px;float: left;margin-left: 10px;"><img src="img/我的京东.png"></div>
											<a>看不清？</a>
											<a style="color: blue;">换一张</a>
										</div>
									</div>
									<div class="xinbb">
										<div class="xinbe">
											<button>提交</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="bbbb display">
						<div class="ab">
							<div class="ac">
								<img src="img/44.png" style="margin-top: 3px;"/>
								<a style="font-size: 12px;">公共场所不建议自动登录，以防账号丢失</a>
							</div>
						</div>
						<div class="xinca">
							<div class="xincb">
								<div class="xincc">
									<div class="xincd">
										<img src="img/京东.png" style="float: left;margin-left: 7.5px;margin-top: 7.5px;"/>
									</div>
									<input style="margin: 0;height: 25px;">
								</div>
								<div class="xincc" style="margin-top: 5px;">
									<div class="xincd">
										<img src="img/京东1.png" style="float: left;margin-left: 7.5px;margin-top: 7.5px;"/>
									</div>
									<input type="password" style="margin: 0;height: 25px;">
								</div>
								<div class="xincc" style="margin-top: 5px;">
									<div class="xince">
										<a style="font-size: 10px;float: left;">自动登录</a>
										<input type="checkbox" style="float: left;margin-top: 2px;"/>
									</div>
									<div class="xincf">
										<div class="xincg">
											<a style="font-size: 10px;float: left;color: red;">忘了密码？</a>
										</div>
									</div>
								</div>
								<div class="xincc" style="margin-top: 5px;color: white;background: #e4393c;">
									<div style="width: 20px;height: 30px;text-align: center;line-height: 30px;float: left;margin-left: 70px;">登</div>
									<div style="width: 20px;height: 30px;text-align: center;line-height: 30px;float: left;margin-left: 10px;">录</div>
								</div>
							</div>
						</div>
						
					</div>
					<div class="bbbb display">
						<div class="ab">
							<div class="ac">
								<img src="img/44.png" style="margin-top: 3px;"/>
								<a style="font-size: 12px;">公共场所建议使用软键盘，以防账号丢失</a>
							</div>
						</div>
						<div class="xinca">
							<div class="xinda">
								<a style="color: #676767;">请输入支付密码：</a>
								<input type="password"/>
								<button>确定</button>
							</div>
						</div>
					</div>
				</div>
				<script>
					$(function(){
						$(".shenfen").mouseenter(function(){
							var w=$(".shenfen").index(this);
							$(".bbbb").hide();
							$(".bbbb").eq(w).show();
						})
					})
				</script>
			</div>
		</div>
		<div class="xia">
			<div class="xiabox">
				<div class="xiabox1">
					<div style="width: 165px;height: 148px;float: left;">
						<div style="width: 25px;height: 25px;float: left;margin-top: 17px;">
							<img src="img/21312.png" />
						</div>
						<div style="width: 55px;height: 102px;float: left;margin-top: 26px;margin-left: 11px;">
							<div style="width: 55px;height: 18px;font-size: 12px;color: white;">
								<b>使用帮助</b>
							</div>
							<div style="width: 55px;height: 78px;margin-top: 6px;font-size: 12px;color: #dadada;">
								<a>常见问题</a>
								<a>平台原理</a>
								<a>如何理财</a>
								<a>如何借款</a>
							</div>
						</div>
					</div>
					<div style="margin-top: 33px;float: left;">
						<img src="img/1111.png" />
					</div>
					<div style="width: 240px;height: 148px;float: left;">
						<div style="width: 100px;height: 102px;margin: auto;margin-top: 17px;">
							<div style="width: 25px;height: 25px;float: left;">
								<img src="img/11111.png" />
							</div>
							<div style="width: 55px;height: 102px;margin-left: 11px;margin-top: 8px;float: left;">
								<div style="width: 55px;height: 18px;font-size: 12px;color: white;">
									<b>关于我们</b>
								</div>
								<div style="width: 55px;height: 78px;margin-top: 6px;font-size: 12px;color: #dadada;">
									<a>媒体报道</a>
									<a>联系我们</a>
									<a>专家顾问</a>
									<a>网站公告</a>
								</div>
							</div>
						</div>
					</div>
					<div style="margin-top: 33px;float: left;">
						<img src="img/1111.png" />
					</div>
					<div style="width: 240px;height: 148px;float: left;">
						<div style="width: 100px;height: 102px;margin: auto;margin-top: 17px;">
							<div style="width: 25px;height: 25px;float: left;">
								<img src="img/111111.png" />
							</div>
							<div style="width: 55px;height: 102px;margin-left: 11px;margin-top: 8px;float: left;">
								<div style="width: 55px;height: 18px;font-size: 12px;color: white;">
									<b>安全保护</b>
								</div>
								<div style="width: 55px;height: 78px;margin-top: 6px;font-size: 12px;color: #dadada;">
									<a>本金保障</a>
									<a>联系我们</a>
									<a>专家顾问</a>
								</div>
							</div>
						</div>
					</div>
					<div style="margin-top: 33px;float: left;">
						<img src="img/1111.png" />
					</div>
					<div style="width: 169px;height: 148px;float: right;">
						<div style="width: 100px;height: 102px;margin: auto;margin-top: 17px;">
							<div style="width: 25px;height: 25px;float: left;">
								<img src="img/1111111.png" />
							</div>
							<div style="width: 55px;height: 102px;margin-left: 11px;margin-top: 8px;float: left;">
								<div style="width: 55px;height: 18px;font-size: 12px;color: white;">
									<b>了解更多</b>
								</div>
								<div style="width: 55px;height: 78px;margin-top: 6px;font-size: 12px;color: #dadada;">
									<a>新浪博客</a>
									<a>手机客服</a>
									<a>信用卡专</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="xiabox2">
					<div class="xiabox22">
						<div style="width: 70px;height: 70px;float: left;">
							<div style="width: 49px;height: 49px;margin: auto;">
								<img src="img/21331232.png" />
							</div>
							<div style="width: 70px;height: 20px;font-size: 10px;text-align: center;line-height: 20px;color: #cdcdcd;">
								本金保障计划
							</div>
						</div>
						<div style="width: 70px;height: 70px;float: left;margin-left: 40px;">
							<div style="width: 49px;height: 49px;margin: auto;">
								<img src="img/2222.png" />
							</div>
							<div style="width: 70px;height: 20px;font-size: 10px;text-align: center;line-height: 20px;color: #cdcdcd;">
								隐私保护
							</div>
						</div>
						<div style="width: 80px;height: 70px;float: left;margin-left: 40px;">
							<div style="width: 49px;height: 49px;margin: auto;">
								<img src="img/22222.png" />
							</div>
							<div style="width: 80px;height: 20px;font-size: 10px;text-align: center;line-height: 20px;color: #cdcdcd;">
								小额信贷联盟会员
							</div>
						</div>
						<div style="width: 70px;height: 70px;float: left;margin-left: 40px;">
							<div style="width: 49px;height: 49px;margin-left: 5px;">
								<img src="img/222222.png" />
							</div>
							<div style="width: 70px;height: 20px;font-size: 10px;text-align: center;line-height: 20px;color: #cdcdcd;">
								全国服务
							</div>
						</div>
						<div style="width: 70px;height: 70px;float: left;margin-left: 40px;">
							<div style="width: 49px;height: 49px;margin-left: 15px;">
								<img src="img/2222222.png" />
							</div>
							<div style="width: 70px;height: 20px;font-size: 10px;text-align: center;line-height: 20px;color: #cdcdcd;">
								安全平台
							</div>
						</div>
						<div style="width: 70px;height: 70px;float: left;margin-left: 28px;">
							<div style="width: 49px;height: 49px;margin: auto;">
								<img src="img/22222222.png" />
							</div>
							<div style="width: 70px;height: 20px;font-size: 10px;text-align: center;line-height: 20px;color: #cdcdcd;">
								前期0费用
							</div>
						</div>
					</div>
				</div>
				<div style="width: 431px;height: 17px;margin: auto;color: #cdcdcd;">
					<div style="width: 152px;height: 17px;font-size: 11px;float: left;line-height: 17px;">
						联系我们：pay.ibaoxiu.com
					</div>
					<div style="float: left;width: 1px;height: 10px;"><img src="img/1222.png"></div>
					<div style="width: 163px;height: 17px;font-size: 11px;float: left;text-align: center;line-height: 17px;">
						点动p2p版权所有2012-2013
					</div>
					<div style="float: left;width: 1px;height: 10px;"><img src="img/1222.png"></div>
					<div style="width: 114px;height: 17px;font-size: 11px;float: right;line-height: 17px;text-align: center;">
						浙ICP备13026901号
					</div>
				</div>
				<div style="width: 102px;height: 57px;margin: auto;margin-top: 22px;">
					<img src="img/33332.png" />
				</div>
			</div>
		</div>
	</body>
</html>
